// console.log("获取元素的N中方式");
// // 通过id
// const p1 = document.getElementById("p1");
// console.log("p1变红", p1);
// p1.style.color = "red";

// // 通过类名获取
// console.log("通过类名获取");
// const ps = document.getElementsByClassName("p-cls");
// console.log(ps);

// // 通过标签名 获取所有的 p 元素
// console.log("通过标签名 获取所有的 p 元素");
// const tagEles = document.getElementsByTagName("p");
// console.log(tagEles);

// // 通过CSS选择器来获取 p2
// console.log("通过CSS选择器来获取 p2");
// const p2 = document.querySelector(".div2 #p2");
// console.log("p2", p2);

// // 通过CSS选择器取多个元素
// console.log("通过CSS选择器取多个元素");
// const divPList = document.querySelectorAll(".div1 .p-cls");
// console.log(divPList);

// console.log("获取元素的N中方式 ==== 结束");

// console.log("新增DOM元素开始");
// const div1 = document.getElementById("div1");
// // 创建新节点
// const p = document.createElement("p");
// p.innerHTML = "俺是一个新节点";
// // 然后放入 div容器
// div1.appendChild(p);

// // 直接 向容器中 添加已存在元素
// const p2 = document.getElementById("p2");
// div1.appendChild(p2);

// console.log("DOM元素的查询");
// const div1 = document.getElementById("div1");
// console.log("div1.childNodes", div1.childNodes);
// console.log("div1.children", div1.children);

// console.log("DOM元素的删除");
// const div2 = document.getElementById("div2");
// const delEle = div2.removeChild(div2.childNodes[1]);
// console.log("被删除的元素", delEle);
